$(function(){
	/**
	 * 当鼠标悬浮shopCart元素上显示所有购物车中的商品
	 */
	//购物车移入显示移出隐藏
	$('.shopCart').hover(function(){
		$(this).addClass('shopCarthover');
		$(this).find('a:first').css({'color':'#B81B22'});
		$isThis = $(this);
		$.ajax({
			url:showCart,
			dataType:'json',
			beforeSend:function(){
				$isThis.find('ul').html('<img src="'+root+'/Static/Img/loading.gif'+'" />');
			},
			success:function(phpData){
				if(!phpData || phpData.total_rows==0){
					$isThis.find('ul').html('<li>您的购物车目前没有商品~!	</li>');
				}else{
					var str ='';
					$.each(phpData.goods,function(k,v){
						str += '<li><div class="carLeft">';
						str += '<a href="'+app+'/gid/'+v.id+'">';
						str += '<img width="36" height="36" src="'+root+v.img+'" />';
						str += '</a>';
						str += '<div class="proLink">';
						str += '<a href="'+app+'/gid/'+v.id+'">'+v.name +'&nbsp;'+ v.options.combinestr[0]+'</a><br />';
						str += '<p><span class="price">'+v.price+'</span> x <span class="nums">'+v.num+'</span></p>';
						str += '</div></div><a cartid="'+k+'" href="javascript:;" class="cartDel" >删除</a></li>';
					});
					$('.carNum').html(phpData.total_rows);
					$isThis.find('ul').html(str);
					$isThis.find('.left p').html('￥'+phpData.total+'元');
					$('.cartDel').click(function(){
						/**
						 * 删除一个商品
						 */
						var cartid = $(this).attr('cartid');
						var $myThis = $(this);
						$.ajax({
							url:delCart,
							data:{cartid:cartid},
							dataType:'json',
							beforeSend:function(){
								$myThis.html('删除中..');
							},
							type:'post',
							success:function(phpData){
								$myThis.parents('li').slideUp('slow',function(){
									$(this).remove();
								});
								//将数量设置为减少后的数量
								$('.carNum').html(phpData.data.total_rows);
								if(phpData.data.total_rows==0){
									$isThis.find('ul').html('<li>您的购物车目前没有商品~!	</li>');
								}
								//将总金额设置为减少后的金额
								$('.cartBottom .left').find('p').html('￥'+phpData.data.total+'元');
//								console.log(phpData);
							}
						})
					})
				}
				
			}
		});
		
		//购物车具体内容元素
		$(this).find('.showCartList').show();
	},function(){
		$(this).removeClass('shopCarthover');
		$(this).find('a:first').css({'color':'white'});
		// 隐藏
		$(this).find('.showCartList').hide();
	});
	
})
